<template>
  <slot name="condition"/>
  <div :class="ns.b()">
    <div :class="ns.b('m')">
      <slot name="content"/>
    </div>
  </div>

</template>

<script setup>
import {ref, reactive} from 'vue'
import {useNamespace} from "element-plus";

let ns = useNamespace("condition-content", ref('rk'));

</script>

<style scoped lang="scss">

@import "../../styles/public/pub-bem";

@include b('condition-content') {
  flex: 1;
  position: relative;
  &-m {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
  }

}

</style>
